<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<script type="text/javascript" src="js/md5.js"></script>

<!-- YUI -->
<!-- Combo-handled YUI CSS files: --> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.7.0/build/fonts/fonts-min.css&2.7.0/build/autocomplete/assets/skins/sam/autocomplete.css&2.7.0/build/button/assets/skins/sam/button.css&2.7.0/build/calendar/assets/skins/sam/calendar.css&2.7.0/build/container/assets/skins/sam/container.css&2.7.0/build/paginator/assets/skins/sam/paginator.css&2.7.0/build/datatable/assets/skins/sam/datatable.css"> 
<!-- Combo-handled YUI JS files: --> 
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.7.0/build/yahoo-dom-event/yahoo-dom-event.js&2.7.0/build/animation/animation-min.js&2.7.0/build/connection/connection-min.js&2.7.0/build/datasource/datasource-min.js&2.7.0/build/autocomplete/autocomplete-min.js&2.7.0/build/element/element-min.js&2.7.0/build/button/button-min.js&2.7.0/build/calendar/calendar-min.js&2.7.0/build/dragdrop/dragdrop-min.js&2.7.0/build/container/container-min.js&2.7.0/build/cookie/cookie-min.js&2.7.0/build/paginator/paginator-min.js&2.7.0/build/datatable/datatable-min.js&2.7.0/build/json/json-min.js&2.7.0/build/uploader/uploader.js"></script>
<!--- FIN YUI -->
<script type="text/javascript" src="js/jquery-1.2.6.min-min.js"></script>
	<title>Wixet - Entrar</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 0.14" />
	<LINK href="css/estiloPortada.css" rel="stylesheet" type="text/css" >
	
	
	<script>
	var entrar = {
    success : function (o) {
        var mensajes = [];
        try {
            mensajes = YAHOO.lang.JSON.parse(o.responseText);
        }
        catch (x) {
            //alert("Error al enviar tu peticion. Vuelve a intentarlo");
			YAHOO.panelCargando.hide();
            return;
        }

        if(mensajes.estado=="fallo")
		{
			document.getElementById("error").innerHTML=mensajes.error;
			document.getElementById("email").value="";
			document.getElementById("pass").value="";
			document.getElementById('email').focus();
			YAHOO.panelCargando.hide();
		}
		else if(mensajes.estado=="ok")
		{
			//alert("Primera version ALPHA de la aplicacion. No es una version acabada ni mucho menos pero ya es usable. Esta version ayuda a los desarrolladores a saber si van o no por buen camino asi que si no te gusta algo o ves algun fallo te escucharemos con atencion en http://foro.cutrenti.es o en contacto@cutrenti.es. Un saludo!");
			//
			$.get("consultasAjax.php?seccion=cambiarPassJabber&pass="+$("#pass").val(), function(data){
				//alert("hecho");
				window.location.reload();
			});

			
			//$("html").load("index.php");
		}
            
    }
};

	var recuperarPass = {
    success : function (o) {
        var mensajes = [];

        try {
			var div = YAHOO.util.Dom.get("emailRes");
            mensajes = YAHOO.lang.JSON.parse(o.responseText);
			div.innerHTML = mensajes.mensaje;
        }
        catch (x) {
            console.debug(x);
            return;
        }

        if(mensajes.estado=="fallo")
		{
			document.getElementById("emailRes").setAttribute("style","color:red");
			document.getElementById("emailRes").innerHTML=mensajes.mensaje;
		}
		else if(mensajes.estado=="ok")
		{
			document.getElementById("emailRes").setAttribute("style","color:green");
			document.getElementById("emailRes").innerHTML=mensajes.mensaje;
		}
            
    }
};

function entrarLogin()
{
	var recordar = 0;
		marcado = YAHOO.util.Dom.get("recordar").checked;
		if(marcado)
		{
			recordar=1;
		}
	
	usuario = document.getElementById('email').value.split("@");
	YAHOO.util.Cookie.set("jid",usuario[0]+"@cutrenti.es")
	YAHOO.util.Cookie.set("hashJabber",str_md5(usuario[0]+":cutrenti.es:"+document.getElementById('pass').value));
	YAHOO.util.Connect.asyncRequest('GET','consultasAjax.php?seccion=entrar&email='+document.getElementById('email').value+'&pass='+hex_md5(document.getElementById('pass').value)+'&recordar='+recordar, entrar);
}

var handleCancelar = function() { 
	    this.cancel(); 
	}; 

var handleRegistrar = function() { 
	nombre = $("#nombre").val();
	apellido1 = $("#apellido1").val();
	apellido2 = $("#apellido2").val();
	email = $("#email").val();
	pass = $("#pass").val();
	
	if(nombre.length == 0)
		alert("Por favor especifica un nombre");
	else if(email.length == 0)
		alert("Por favor especifica un email");
	else if(pass.length == 0)
		alert("Por favor especifica una contrase&ntilde;a");
	else
	{
		$.getJSON("registroAjax.php?nombre="+nombre+"&ape1="+apellido1+"&ape2="+apellido2+"&pass="+pass+"&email="+email,
        function(data){
          $.each(data, function(i,item){
			if(item.error == "0")
			{
				panel.cancel();
				
				alert(item.desc);
				
			}
			else
			{
				alert(item.desc);
			}

          });
        });
	}
	}; 
	
	var panel;
function formCrear()
{
	panel = new YAHOO.widget.Dialog("panel",  { width: "300px", 
                                              fixedcenter: true, 
                                              close: false, 
									          draggable: false, 
                                              zindex:4,
                                              modal: true,
                                              visible: true,
                                              buttons: [ { text:"Registrarme", handler:handleRegistrar, isDefault:true },{ text:"Cancelar", handler:handleCancelar } ]
                                                                             
                                             } 
                                   );

            panel.setHeader("Escribe tus datos");
			panel.setBody("<table><tr><td>Nombre:</td><td><input type=\"text\" id=\"nombre\"></div></td></tr><tr><td><div>Primer apellido:</td><td><input type=\"text\" id=\"apellido1\"></div></td></tr><tr><td><div>Segundo apellido:</td><td><input type=\"text\" id=\"apellido2\"></div></td></tr><tr><td><div>Email:</td><td><input type=\"text\" id=\"email\"></div></td></tr><tr><td><div>Contrase&ntilde;a:</td><td><input type=\"password\" id=\"pass\"></div></td></tr></table>");
            panel.render(document.body);

}

function formPass(e)
{
	if(document.getElementById('emailRecu')==null)
	{
		var form = document.getElementById('formPass');
		var div = document.createElement("div");
		var input = document.createElement("input");
		var boton = document.createElement("button");
		var divRes = document.createElement("div");
		divRes.setAttribute("id","emailRes");
		
		boton.innerHTML="Enviar";
		boton.setAttribute("onclick","YAHOO.util.Connect.asyncRequest('GET','consultasAjax.php?seccion=recuperarPass&email='+document.getElementById('emailRecu').value, recuperarPass)");

		input.setAttribute("id","emailRecu");
		input.setAttribute("onkeyup","{if (event.keyCode==13)YAHOO.util.Connect.asyncRequest('GET','consultasAjax.php?seccion=recuperarPass&email='+document.getElementById('emailRecu').value, recuperarPass)}");
		div.innerHTML="Escribe tu email: ";
		div.appendChild(input);
		div.appendChild(boton);
		form.appendChild(div);
		form.appendChild(divRes);
		//+document.getElementById('emailPass').value
	}

}

function cambiarAPass(e)
{
	if (e.keyCode==13) YAHOO.util.Dom.get('pass').focus();
}

function entrarSiEnter(e)
{
	if (e.keyCode==13)
	{
		YAHOO.panelCargando.show();
		entrarLogin();
	}
}

function volverAPass(e)
{
	YAHOO.util.Dom.get('pass').focus();
}
</script>


</head>
<body class=" yui-skin-sam" bgcolor="#DEDEDE">

<div align="center"><img src="img/logoportada.png"></div>
<table width="100%">

<tr>
<td width="35%">
</td>
<td>
<div id="container"></div>
<table class="color1" width="100%">
    <tr>
    <td colspan="2" align="center"><b>Wixet</b></tr><tr>
        <td colspan="2" align="center"><div><b>Entrar</b></div><div id="advertencia"></div>
            </td>
   			 </tr>
   		<tr>
        <td>Correo electronico
   			</td>
   			<td><input type="text" id="email">
   			</td>
    		</tr>
    	<tr>
        <td>Contraseña
   			</td>
   			<td><input type="password" id="pass">
   			</td>
    		</tr>	
			<tr>
				<td colspan="2"><input type="checkbox" id="recordar"> Recordarme en este equipo</td>
			</tr>
    	<tr>
        <td colspan="2" align="center">
   			<input type="button" id="botonEntrar" value="entrar" />
   			<div style="color:red" id="error"></div>
   			<div><a href="javascript:void(0)" id="linkCrear">Crearme una cuenta</a></div>
   			<div><a href="javascript:void(0)" id="linkRec">Recuperar contrase&ntilde;a</a></div>
   			</td>
    		</tr>
    		<input type="hidden" id="emailPass">
    		<tr><td colspan="2" id="formPass"></td></tr>
    		
        </td>
    </tr>
</table>
</td>
<td width="35%">
</td>
</tr>
</table>
<?php
$fila=mysql_fetch_array(mysql_query("select count(*) from comentarios"));
$comentarios=$fila[0];
$fila=mysql_fetch_array(mysql_query("select count(*) from tablones"));
$tablones=$fila[0];
$totales=$comentarios+$tablones;
$fila=mysql_fetch_array(mysql_query("select count(*) from fotos"));
$fotos=$fila[0];
$fila=mysql_fetch_array(mysql_query("select count(*) from usuarios"));
$usuarios=$fila[0];
echo "<div align=\"center\">En wixet hay $totales comentarios, $fotos fotos por $usuarios usuarios</div>";
?>

<table align="center"><tr><td>
<div align="center">Puedes seguir las novedades desde <a href="http://blog.wixet.com">http://blog.wixet.com</a></div>
<style>
#pie {
  bottom: 0px;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
}
</style>
<div id="pie"><div class="yui-content">Recuerda que Wixet es software libre y se encuentra bajo la licencia <a href="http://www.fsf.org/licensing/licenses/agpl-3.0.htm" target="_blank">AGPLv3</a> - <a href="http://code.google.com/p/wixet/">C&oacute;digo fuente y reporte de fallos</a></div></div>
<br>
<div align="center">Esta pagina esta optimizada para ser usada con Mozilla Firefox. Los navegadores que no respetan los estandares web (como internet explorer) sufriran problemas de visualizacion</div>
<div align="center"><a href="http://www.mozilla-europe.org/es/firefox/" title="Descargar Mozilla Firefox"><img src="http://www.difundefirefox.com/files/banners/110_32-ff2.png" alt="Mozilla Firefox" style="border: 0pt none ;"></a></div>

</td></tr></table>
<script>
	//El panel de Entrando...
	YAHOO.panelCargando = new YAHOO.widget.Panel("panelCargando", { width:"240px", visible:false, draggable:false, close:false, modal:true } );
	YAHOO.panelCargando.setHeader("Entrando en tu cuenta");
	YAHOO.panelCargando.setBody('<div>Recuerda que no es la version final de wixet. Aun asi, espero que disfrutes</div><img src="img/rel_interstitial_loading.gif">');
	//YAHOO.panelCargando.setFooter("");
	YAHOO.panelCargando.render("container");

	YAHOO.util.Event.addListener("botonEntrar", "click", entrarLogin);
	YAHOO.util.Event.addListener("botonEntrar", 'click', YAHOO.panelCargando.show,YAHOO.panelCargando,true);
	YAHOO.util.Event.addListener("botonEntrar", 'focus', volverAPass);
	
	YAHOO.util.Event.addListener("linkRec", 'click', formPass);
	YAHOO.util.Event.addListener("linkCrear", 'click', formCrear);
	
	YAHOO.util.Event.addListener("email", 'keyup', cambiarAPass);
	YAHOO.util.Event.addListener("pass", 'keyup', entrarSiEnter);
			 

</script>




<script type="text/javascript">


document.getElementById('email').focus();

	ie=(document.all)? true:false ;
	if(ie)
	{
		YAHOO.util.Dom.get('advertencia').innerHTML='<font color="red">Atencion: No podras disfrutar al 100% de wixet por usar Internet Explorer. <a href="porqueNoUsarInternetExplorer.html" target="_blank">¿Por qué?</a></font>';
		
		}
</script>


</body>
</html>
